<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* text-indent  第一行缩进  text-indent:2em; */
        /* line-height  行高        px(少)   无单位或百分数表示字号的倍数*/
        /* text-align   水平居中    text-align:center */
        /* 单行文本垂直居中   行高=盒子高度 */
        /* font   合写 【倾斜 小型大写 加粗 字号/行高 字体 】*/
        .p1{text-indent: 2em;}
        .p2{line-height: 30px;}
        .p3{line-height: 1.5;}
        div{width: 150px; height: 100px;border: 1px solid #000;}
        .c1{text-align: center;}
        .c2{line-height: 100px;}
        .p4{font: italic normal bold 20px/1.5 'Times New Roman','微软雅黑';}
    </style>
</head>
<body>
    <p >无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进无缩进 </p>
    <p class="p1">两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进两个字符缩进 </p>
    <p class="p2">30px行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高</p>
    <p class="p3">1.5行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高行高</p>
    <div class="c1">
        水平居中
    </div>
    <div class="c2">
        单行垂直居中
    </div>
    <p class="p4">合写合写合写</p>
</body>
</html>